import React, {Component,} from 'react'
import {connect} from 'react-redux'
import GameAIItem from "./GameAIItem/GameAIItem"
import './GameAI.css'


class GameAI extends Component {

    constructor(props) {
        super(props)
    }

    render() {

        const {
            currentGame,
        } = this.props
        const {
            ai,
        } = currentGame

        const t1 = (
            <div>
                <GameAIItem AIItemData={ai.SFP} paid={ai.SFP.paid} dataEmpty={ai.SFP.dataEmpty}/>
                <GameAIItem AIItemData={ai.RQ} paid={ai.RQ.paid} dataEmpty={ai.RQ.dataEmpty}/>
                <GameAIItem AIItemData={ai.DXQ} paid={ai.DXQ.paid} dataEmpty={ai.DXQ.dataEmpty}/>

                <div className='game-ai-bottom'>
                    <span>以专业的大数据视角解读比赛胜负</span>
                </div>
            </div>
        )


        return <div>
            {t1}
        </div>

    }

}

const mapState = state => ({

    currentGame: state.game.currentGame,

})


export default connect(mapState,)(GameAI)
